@media only screen and (min-width: 750px){
	* {
		margin: 0;
		padding: 0;
	}

	@font-face {
		font-family:'pinghei';/*自定义字体的名称*/
		src:'../../../static/PingHei-light.ttf' /*字体文件的路径*/
	}


	/* 整个页面 */
	.back {
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #99DACE;
		background-image url(../../assets/LoginBG.png);
		background-size:100% 100%;
	}

	/* 注册的白颜色框框 */
	.Register {
		border-radius: 15px;
		width: 465px;
		height: 430px;
		background: rgba(255, 255, 255, 0.96);
	}

	/* 注册的白颜色框框标题  */
	.title {
		width: 300px;
		height: 30px;
		font-size: 22px;
		font-family: 'pinghei';
		font-weight: 500;
		color: #68ADE9;
		line-height: 30px;
		margin: auto;
		text-align: center;
		margin-top: 8%;
	}

	/* 用户注册的账号 */
	.usernumber {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.tupiao {
		position: absolute;
		top: 7px;
	}

	.Useraccount {
		padding-left: 10px
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	::-webkit-input-placeholder {
		width: 147px;
		height: 22px;
		font-size: 16px;
		font-family: 'pinghei';
		font-weight: 400;
		color: #68ADE9;
		line-height: 22px;
		padding-left 0.625rem;
		box-shadow: inset 0 0 1000px #fff !important;
	}
	input:-webkit-autofill  textarea:-webkit-autofill select:-webkit-autofill {
		-webkit-text-fill-color: #ededed !important;
		-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
	    background-color:transparent;
	    background-image: none;
	     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
		 box-shadow: inset 0 0 1000px #fff !important;
	}
	input {
		 background-color:transparent;
		 box-shadow: inset 0 0 1000px #fff !important;

	}
	/* 用户注册的QQ */
	.QQ {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.QQnumber {
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 用户注册的密码 */
	.userpwd1 {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.userpasword1 {
		padding-left: 10px
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 用户确认注册的密码 */
	.userpwd2 {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.userpasword2 {
		padding-left: 10px
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 注册按钮 */
	.but {
		// margin-top: 45px;
		height: 38px;
		text-align: center;
		margin-top: 2.25rem;
	}

	.el-button--primary {
		width: 234px;
		height: 46px;
		background: #68ADE9;
		font-weight: 400;
		border-radius: 10px;
		font-size: 22px;
		font-family: PingFangSC-Regular, PingFang SC;
	}

	.SE{
		margin-top: 2rem;
		text-align: center;
		font-size: 14px;
	}
	.SE1{
		color: lightslategray;
	}
	.SE2{
		color: #68ADE9;
		margin-left: 10px;
	}
}


@media only screen and (max-width: 750px){
	* {
		margin: 0;
		padding: 0;
	}

	@font-face {
		font-family:'pinghei';/*自定义字体的名称*/
		src:'../../../static/PingHei-light.ttf' /*字体文件的路径*/
	}


	/* 整个页面 */
	.back {
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #99DACE;
		background-image url(../../assets/LoginBG.png);
		background-size:100% 100%;
	}

	/* 注册的白颜色框框 */
	.Register {
		border-radius: 15px;
		width: 370px;
		height: 485px;
		background: rgba(255, 255, 255, 0.96);
	}

	/* 注册的白颜色框框标题  */
	.title {
		width: 300px;
		height: 30px;
		font-size: 22px;
		font-family: 'pinghei';
		font-weight: 500;
		color: #68ADE9;
		line-height: 30px;
		margin: auto;
		text-align: center;
		margin-top: 8%;
	}

	/* 用户注册的账号 */
	.usernumber {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.tupiao {
		position: absolute;
		top: 7px;
	}

	.Useraccount {
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	::-webkit-input-placeholder {
		width: 147px;
		height: 22px;
		font-size: 16px;
		font-family: 'pinghei';
		font-weight: 400;
		color: #68ADE9;
		line-height: 22px;
		padding-left 0.625rem;
		box-shadow: inset 0 0 1000px #fff !important;
	}
	input:-webkit-autofill  textarea:-webkit-autofill select:-webkit-autofill {
		-webkit-text-fill-color: #ededed !important;
		-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
	    background-color:transparent;
	    background-image: none;
	     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
		 box-shadow: inset 0 0 1000px #fff !important;
	}
	input {
		 background-color:transparent;
		 box-shadow: inset 0 0 1000px #fff !important;

	}
	/* 用户注册的QQ */
	.QQ {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.QQnumber {
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 用户注册的密码 */
	.userpwd1 {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.userpasword1 {
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 用户确认注册的密码 */
	.userpwd2 {
		height: 40px;
		text-align: center;
		margin-top: 2rem;
		position: relative;
	}

	.userpasword2 {
		border-bottom: 0.0625rem #B8DAFF solid;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		display: inline-block;
		width: 80%;
		height: 40px;
		margin-left: 3rem;
		font-size: 20px;
	}

	/* 注册按钮 */
	.but {
		margin-top: 3rem;
		height: 38px;
		text-align: center;
	}

	.el-button--primary {
		width: 210px;
		height: 46px;
		background: #68ADE9;
		font-weight: 400;
		border-radius: 10px;
		font-size: 22px;
		font-family: PingFangSC-Regular, PingFang SC;
	}

	.SE{
		margin-top: 2rem;
		text-align: center;
		font-size: 14px;
	}
	.SE1{
		color: lightslategray;
	}
	.SE2{
		color: #68ADE9;
		margin-left: 10px;
	}
}

